window.addEventListener('load', function () {

    document.addEventListener('keyup', function (e) {
        if (e.keyCode == 67 && e.altKey) {
            location.assign('http://chensihancss.gitee.io/first-personal-website/')
        }
    })
    //跳转部分
    let top_search = document.querySelector('#top_search')
    document.addEventListener('keyup', function (e) {
        if (e.keyCode == 83) {
            top_search.focus();
        }
    })
    //购物模块有几个商品购物车就显示多少
    let count = document.querySelector('.count');
    count.innerHTML = localStorage.getItem('shoplist');
    //返回顶部模块
    let back = document.querySelector('.goback');
    window.onscroll = function () {
        if (window.pageYOffset >= 160) {
            back.style.display = 'block';
        }
        else {
            back.style.display = 'none';
        }
    }

    back.onclick = function () {
        getanima(window, 0);
    }
    back.onmousedown = function () {
        this.style.color = '#e60012'
    }
    back.onmouseup = function () {
        this.style.color = ''
    }
    function getanima(obj, target, callback) {
        // console.log(callback);  callback = function() {}  调用的时候 callback()

        // 先清除以前的定时器，只保留当前的一个定时器执行
        clearInterval(obj.timer);
        obj.timer = setInterval(function () {
            // 步长值写到定时器的里面
            // 把我们步长值改为整数 不要出现小数的问题
            // var step = Math.ceil((target - obj.offsetLeft) / 10);
            var step = (target - window.pageYOffset) / 10;
            step = step > 0 ? Math.ceil(step) : Math.floor(step);
            if (window.pageYOffset == target) {
                // 停止动画 本质是停止定时器
                clearInterval(obj.timer);
                // 回调函数写到定时器结束里面
                // if (callback) {
                //     // 调用函数
                //     callback();
                // }
                callback && callback();
            }
            // 把每次加1 这个步长值改为一个慢慢变小的值  步长公式：(目标值 - 现在的位置) / 10
            // obj.style.left = window.pageYOffset + step + 'px';
            window.scroll(0, window.pageYOffset + step);

        }, 15);
        //完成
    }
})